<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>鲜花网|花礼网-鲜花礼品网,领先鲜花速递网站,网上订花送花上门,同城鲜花快递网上花店</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="fonts/font-cbl/iconfont.css"/>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/MainIndex.js"></script>
</head>

<body>
<a href="#">
    <div style="background:url('//img02.hua.com/banner/21_logoupdate_banner_top.png') 50% 0 no-repeat;height:80px;"></div>
</a>
<!--顶部导航-->
<div class="top-nav">
    <div class="top-nav-wrapper">
        <ul class="top-nav-l">
            <li>
                <a href="#">
                    <span class="icon icon-star"></span>
                    收藏花礼网（hua.com）
                </a>
            </li>
            <li style="margin-left:5px;position: relative;" class="menu-dropdown">
                <a href="#">
                    <span class="icon icon-weixin"></span>
                    关注微信
                </a>
                <div class="dropdown-box">
                    <img src="https://img02.hua.com/pc/pimg/home/wxguanjia_qrcode.png" width="124px"/>
                    <p>扫码关注<br />回复"礼物"更多惊喜</p>
                </div>
            </li>
            <li class="menu-dropdown" style="position: relative; left: -3px;">
                <a href="https://www.hua.com/mobile/">
                    <span class="icon icon-mobile"></span>
                    花礼网app
                </a>
                <div class="dropdown-box">
                    <img src="https://img02.hua.com/pc/pimg/home/app_download_qrcode_2021.png" width="120px"/>
                    <p>新人专享100元APP礼包</p>
                </div>
            </li>
        </ul>
        <ul class="top-nav-r">
            <li class="menu login" id="LoginInfo">
                <c:if test="${empty sessionScope.user}">
                    <a href="login.jsp">你好，请登录</a>
                    <a href="zhuce.jsp" style="margin-left: 12px;">注册</a>
                </c:if>
                <c:if test="${not empty sessionScope.user}">
                    <a href="user/UserInfo.shtml">你好，${sessionScope.user.name}</a>
                    <a href="userlogin.shtml?flag=tuiChu" style="margin-left: 12px;" onclick="return confirm('确认退出登录吗？')">退出</a>
                </c:if>
            </li>
            <li class="menu"><a href="#">订单查询</a></li>
            <li class="menu kehuFuWu" style="position: relative;">
                <a href="#">客户服务</a>
                <span class="icon-arrow"></span>
                <div class="dropdown-box">
                    <a href="#">在线付款</a>
                    <a href="#">帮助中心</a>
                    <a href="#">售后服务</a>
                    <a href="#">配送范围</a>
                    <a href="#">留言反馈</a>
                </div>
            </li>
            <li class="menu">
                <a href="toShoping.shtml?doWhat=goShoppingCart" target="_blank">购物车</a>
                <span id="gwcCount">(${sessionScope.userShoppingCartNum==null?0:sessionScope.userShoppingCartNum})</span>
            </li>
            <li class="menu">鲜花礼品网:国内领先鲜花网品牌</li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="js/indexTop-nav.js"></script>
<!--顶部导航 End-->
<!--头部-->
<div class="header">
    <div class="header-container">
        <div class="logo"><a href="#"></a></div>
        <div class="sosuo">
            <form action="goodsSelectServlet.shtml">
                <div class="sousuo-box-icon"><span></span></div>
                <input type="text" name="goodsName" value="" placeholder="商品搜索"/>
                <div class="btn-primary">搜索</div>
            </form>
            <div class="sosuo-box-hotwords">
                <a href="goodsSelectServlet.shtml?goodsName=红玫瑰">红玫瑰</a>
                <a href="goodsSelectServlet.shtml?goodsName=永生花">永生花</a>
                <a href="goodsSelectServlet.shtml?goodsName=生日鲜花">生日鲜花</a>
                <a href="goodsSelectServlet.shtml?goodsName=礼品卡">礼品卡</a>
            </div>
        </div>
        <script type="text/javascript">
            //点击 搜索 提交form表单
            $(".btn-primary").click(function(){
                $("form").submit();
            });
        </script>
        <div class="service">
            <div class="phone"><span></span><div class="phone-info">400-889-8188</div></div>
            <div class="kefu"><a href="#"><span></span>在线客服</a></div>
        </div>
    </div>
</div>
<!--头部完结 End-->
<!--导航-->
<div class="fenlei">
    <div class="allFen">
        <span class="beiJingXiaotu"></span>
        <div class="fenZi">所有分类</div>
        <!--类别-->
        <div class="dropdown-cate">
            <c:forEach items="${comlist }" var="com1">
                <%--判断1级分类是否拥有3级分类 --%>
                <c:if test="${com1.grade3 }" var="comisgrade3">
                    <div class="dropdown-cate-item cate-pop">
                        <h4><a href="${com1.ahref }">${com1.name }</a><span class="icon-arrow-right"></span></h4>
                        <ul>
                            <c:forEach items="${com1.subClass }" var="com2s">
                                <c:if test="${empty com2s.subClass}">
                                    <li><a href="${com2s.ahref }">${com2s.name }</a></li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <div class="right-pop">
                            <c:forEach items="${com1.subClass }" var="com2">
                                <c:if test="${ not empty com2.subClass}">
                                    <!--3级隐藏类别  -->
                                    <div class="right-pop-list">
                                        <p class="right-pop-title">${com2.name }</p>
                                        <c:if test="${ empty com2.subClass[0].image}" var="classdizhi">
                                            <div class="right-pop-items cities">
                                                <c:forEach items="${com2.subClass }" var="com3">
                                                    <a href="${com3.ahref }">${com3.name }</a>
                                                </c:forEach>
                                            </div>
                                        </c:if>
                                        <c:if test="${!classdizhi }">
                                            <div class="right-pop-items">
                                                <c:forEach items="${com2.subClass }" var="com3">
                                                    <a href="${com3.ahref }">
                                                        <img src="${com3.image }"/>
                                                        <p>${com3.name }</p>
                                                    </a>
                                                </c:forEach>
                                            </div>
                                        </c:if>
                                    </div>
                                </c:if>
                            </c:forEach>
                        </div>
                    </div>
                </c:if>
                <c:if test="${!comisgrade3 }">
                    <!--没有3级分类  -->
                    <div class="dropdown-cate-item">
                        <h4><a href="${com1.ahref }">${com1.name }</a></h4>
                        <ul>
                            <c:forEach items="${com1.subClass }" var="com2">
                                <li><a href="${com2.ahref }">${com2.name }</a></li>
                            </c:forEach>
                        </ul>
                    </div>
                </c:if>
            </c:forEach>

            <div class="dropdown-cate-item" style="width: 220px;height: 30px; border-bottom: none;"></div>
        </div>
    </div>
    <div class="xiFen">
        <!-- 导航栏 -->
        <c:forEach items="${navlist }" var="nav">
            <a href="${nav.url }">${nav.name }</a>
        </c:forEach>
    </div>
</div>
<!--导航End-->
<!--大图轮播-->
<div id="mainCarousel" class="carousel">
    <ol class="carousel-indicators">
        <c:forEach items="${carList}">
            <li></li>
        </c:forEach>
    </ol>
    <div class="carousel-inner">
        <c:forEach items="${carList}" var="car">
            <div class="item">
                <div class="fill" style = "background-image: url(${car.image});"><a href="commodityDetails.shtml?id=${car.ahref}"></a></div>
            </div>
        </c:forEach>
    </div>
    <div class="control-wrapper">
        <a href="" class="left carousel-control">
            <span class="icon icon-slideleft"></span>
        </a>
        <a href="" class="right carousel-control">
            <span class="icon icon-slideright"></span>
        </a>
    </div>
</div>
<!--大图轮播End-->
<!--服务-->
<link rel="stylesheet" type="text/css" href="font/font-cbl/iconfont.css"/>
<div id="referElem" style="position: relative;">
    <div class="rightBar"id="rightBar">
        <ul class="rightBar-list">
            <li>
                <a href="#"><span class="iconfont icon-phone" style="font-size: 24px; left: 19px;"></span><span>APP</span></a>
                <div class="qr-box">
                    <img src="//img02.hua.com/pc/pimg/app_qrcode_aside.png"/>
                    <p class="text-bold">使用花礼网APP</p>
                    <p class="text-grey">随时随地看商品</p>
                </div>
            </li>
            <li><a href="toShoping.shtml?doWhat=goShoppingCart">
                    <span class="iconfont icon-buy" style="font-size: 22px; left: 17px;"></span>
                    <span>购物车</span>
                    <div class="buy-count">${sessionScope.userShoppingCartNum==null?0:sessionScope.userShoppingCartNum}</div>
                </a>
            </li>
            <li><a href="#"><span class="iconfont icon-sevice" style="font-size: 30px; left: 13px;"></span><span>在线客服</span></a></li>
            <li>
                <a href="#"><span class="iconfont icon-tel" style="font-size: 25px; left: 16px;"></span><span>联系电话</span></a>
                <div class="concact-box"><span>400-889-8188</span></div>
            </li>
            <li><a href="#"><span class="iconfont icon-fankui" style="font-size: 24px; left: 15px;"></span><span>意见反馈</span></a></li>
            <li><a href="#"><span class="iconfont icon-huiTop" style="font-size: 25px; left: 15px;"></span><span>回顶部</span></a></li>
        </ul>
    </div>
    <div class="main-server">
        <ul>
            <li><a href="#"><span class="icon icon-server-o1"></span><h4>鲜花电商认证龙头企业</h4></a></li>
            <li><a href="#"><span class="icon icon-server-o2"></span><h4>16年品牌</h4></a></li>
            <li><a href="#"><span class="icon icon-server-o3"></span><h4>3小时全国送花</h4></a></li>
            <li><a href="#"><span class="icon icon-server-o4"></span><h4>%200退赔承诺</h4></a></li>
            <li><a href="#"><span class="icon icon-server-o5"></span><h4>最近<font id="pjCount">433727</font>条评价</h4></a></li>
        </ul>
    </div>
</div>
<!--服务End-->
<!--场景入口-->
<div class="scene clearfix" style="margin-bottom: 30px;">
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_lover.jpg"/></a>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-horizontal">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_elder2.jpg"/></a>
        </div>
        <div class="scene-item-horizontal">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_friend.jpg"/></a>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_birthday.jpg"/></a>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-horizontal">
            <div class="scene-item-vertical-mini">
                <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_express.jpg"/></a>
            </div>
            <div class="scene-item-vertical-mini">
                <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_business.png"/></a>
            </div>
        </div>
        <div class="scene-item-horizontal">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_you_2.jpg?v2"/></a>
        </div>
    </div>
</div>
<!--场景入口End-->
<!--新品来袭-->
<div class="scene clearfix">
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_rexiao.png"/></a>
            <span>热销21.6万束</span>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_tejia.png"/></a>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_xinpin.png"/></a>
        </div>
    </div>
    <div class="scene-list">
        <div class="scene-item-vertical">
            <a href="#"><img src="//img02.hua.com/pc/pimg/home/home_channel_pinwei.png"/></a>
        </div>
    </div>
</div>
<!--新品来袭End-->
<!--楼层 	爱情鲜花-->
<div class="fl f-lover">
    <div class="fl-container">
        <div class="hd">
            <a class="more" href="#">更多${floor1.title}<span class="icon icon-arrow-right"></span></a>
            <h3><a href="#">${floor1.title}</a><span>${floor1.remark}</span></h3>
        </div>
        <div class="bd">
            <div class="bd-l">
                <div class="banner-box">
                    <a href="#"><img src="${floor1.image}" width="288px" height="656px"/></a>
                    <div class="link-cover">
                        <a href="#">${floor1.title}专区<span class="icon icon-dotarrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="fl-products">
                <c:forEach items="${commShow1}" var="commS1">
                    <div class="fl-products-item">
                        <a href="commodityDetails.shtml?id=${commS1.comd.id}">
                            <div class="img-box">
                                <img src="${commS1.comd.comImage}" width="220px" height="240px"/>
                            </div>
                            <div class="product-content">
                                <p class="product-title">${commS1.comd.comName}</p>
                                <p class="product-price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">${commS1.comd.outPrice}</span>
                                </p>
                                <p class="product-sell">已售${commS1.comd.outNum} 件</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<!--楼层 	爱情鲜花End-->
<!--楼层 	长辈鲜花-->
<div class="fl f-elder">
    <div class="fl-container">
        <div class="hd">
            <a href="#" class="more">更多${floor2.title}<span class="icon icon-arrow-right"></span></a>
            <h3><a href="#">${floor2.title}</a><span>${floor2.remark}</span></h3>
        </div>
        <div class="bd">
            <div class="bd-l">
                <div class="banner-box">
                    <a href="#"><img src="${floor2.image}" width="288px" height="656px"/></a>
                    <div class="link-cover">
                        <a href="#">${floor2.title}专区<span class="icon icon-dotarrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="fl-products">
                <c:forEach items="${commShow2}" var="commS2">
                    <div class="fl-products-item">
                        <a href="commodityDetails.shtml?id=${commS2.comd.id}">
                            <div class="img-box">
                                <img src="${commS2.comd.comImage}" width="220px" height="240px"/>
                            </div>
                            <div class="product-content">
                                <p class="product-title">${commS2.comd.comName}</p>
                                <p class="product-price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">${commS2.comd.outPrice}</span>
                                </p>
                                <p class="product-sell">已售${commS2.comd.outNum} 件</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<!--楼层 	长辈鲜花End-->
<!--楼层 	永生花-->
<div class="fl f-song">
    <div class="fl-container">
        <div class="hd">
            <a href="#" class="more">更多${floor3.title}<span class="icon icon-arrow-right"></span></a>
            <h3><a href="#">${floor3.title}</a><span>${floor3.remark}</span></h3>
        </div>
        <div class="bd">
            <div class="bd-l">
                <div class="banner-box">
                    <a href="#"><img src="${floor3.image}" width="288px" height="656px"/></a>
                    <div class="link-cover">
                        <a href="#">${floor3.title}专区<span class="icon icon-dotarrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="fl-products">
                <c:forEach items="${commShow3}" var="commS3">
                    <div class="fl-products-item">
                        <a href="commodityDetails.shtml?id=${commS3.comd.id}">
                            <div class="img-box">
                                <img src="${commS3.comd.comImage}" width="220px" height="240px"/>
                            </div>
                            <div class="product-content">
                                <p class="product-title">${commS3.comd.comName}</p>
                                <p class="product-price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">${commS3.comd.outPrice}</span>
                                </p>
                                <p class="product-sell">已售${commS3.comd.outNum} 件</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<!--楼层 	永生花End-->
<!--楼层 	蛋糕-->
<div class="fl f-cake">
    <div class="fl-container">
        <div class="hd">
            <a href="#" class="more">更多${floor4.title}<span class="icon icon-arrow-right"></span></a>
            <h3><a href="#">${floor4.title}</a><span>${floor4.remark}</span></h3>
        </div>
        <div class="bd">
            <div class="f-cake-banner">
                <div class="f-cake-title">
                    <div class="f-cake-title-box">
                        <span class="icon icon-city"></span>配送城市
                        <div class="f-cake-title-box-r">
                            <div class="f-cake-dropdown-title">
                                <span class="textinfo">请选择</span>
                                <span class="icon icon-city-arrow"></span>
                            </div>
                            <div class="f-cake-dropdown-pop">
                                <div class="delivery-city-cont">
                                    <h3>请选择或输入蛋糕配送城市</h3>
                                    <h4>热门城市</h4>
                                    <ul class="clearfix">
                                        <li><a href="#">北京</a></li>
                                        <li><a href="#">上海</a></li>
                                        <li><a href="#">广州</a></li>
                                        <li><a href="#">深圳</a></li>
                                        <li><a href="#">天津</a></li>
                                        <li><a href="#">成都</a></li>
                                        <li><a href="#">重庆</a></li>
                                        <li><a href="#">西安</a></li>
                                        <li><a href="#">苏州</a></li>
                                        <li><a href="#">杭州</a></li>
                                        <li><a href="#">南京</a></li>
                                        <li><a href="#">合肥</a></li>
                                        <li><a href="#">武汉</a></li>
                                        <li><a href="#">郑州</a></li>
                                        <li><a href="#">长沙</a></li>
                                        <li><a href="#">南昌</a></li>
                                        <li><a href="#">哈尔滨</a></li>
                                        <li><a href="#">沈阳</a></li>
                                        <li><a href="#">长春</a></li>
                                        <li><a href="#">大连</a></li>
                                        <li><a href="#">青岛</a></li>
                                        <li><a href="#">济南</a></li>
                                        <li><a href="#">福州</a></li>
                                        <li><a href="#">厦门</a></li>
                                        <li><a href="#">昆明</a></li>
                                        <li><a href="#">贵阳</a></li>
                                        <li><a href="#">南宁</a></li>
                                        <li><a href="#">石家庄</a></li>
                                        <li><a href="#">海口</a></li>
                                        <li><a href="#">太原</a></li>
                                        <li><a href="#">兰州</a></li>
                                        <li><a href="#">乌鲁木齐</a></li>
                                        <li><a href="#">唐山</a></li>
                                        <li><a href="#">呼和浩特</a></li>
                                        <li><a href="#">东莞</a></li>
                                        <li><a href="#">佛山</a></li>
                                        <li><a href="#">宁波</a></li>
                                        <li><a href="#">无锡</a></li>
                                        <li><a href="#">温州</a></li>
                                        <li><a href="#">常州</a></li>
                                    </ul>
                                    <div class="form-box">
                                        <input class="form-control" type="text" placeholder="请输入配送城市"/>
                                        <a href="#" class="btn btn-link">
                                            <span class="ico ico-search"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="f-cake-cities">
                        <li><a href="#">北京</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">深圳</a></li>
                        <li><a href="#">广州</a></li>
                        <li><a href="#">天津</a></li>
                        <li><a href="#">重庆</a></li>
                        <li><a href="#">成都</a></li>
                        <li><a href="#">沈阳</a></li>
                        <li><a href="#">武汉</a></li>
                        <li><a href="#">西安</a></li>
                        <li><a href="#">杭州</a></li>
                        <li><a href="#">南京</a></li>
                        <li><a href="#">苏州</a></li>
                        <li><a href="#">长沙</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                </div>
                <div class="f-cake-brands">
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_21cake.png"/>
                                <p class="f-cake-brands-name">21CAKE蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_micamika.png"/>
                                <p class="f-cake-brands-name">米卡米卡蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_waffleboy.png"/>
                                <p class="f-cake-brands-name">窝夫小子蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_xfxb.png"/>
                                <p class="f-cake-brands-name">幸福西饼蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_ganso.png"/>
                                <p class="f-cake-brands-name">元祖蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_cakeboss.png"/>
                                <p class="f-cake-brands-name">cakeboss蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_balibeitian.png"/>
                                <p class="f-cake-brands-name">巴黎贝甜蛋糕</p>
                            </a>
                        </li>
                    </ul>
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_boncake.png"/>
                                <p class="f-cake-brands-name">BONCAKE蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_lecake.png"/>
                                <p class="f-cake-brands-name">诺心蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_cream.png"/>
                                <p class="f-cake-brands-name">可美萃蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_pantry.png"/>
                                <p class="f-cake-brands-name">派悦坊蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_vcaketop.png"/>
                                <p class="f-cake-brands-name">Vcake蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_mcake.png"/>
                                <p class="f-cake-brands-name">Mcake蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_cheesecake.png"/>
                                <p class="f-cake-brands-name">心之和蛋糕</p>
                            </a>
                        </li>
                    </ul>
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_haagendazs.png"/>
                                <p class="f-cake-brands-name">哈根达斯蛋糕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="f-cake-brands-img" src="https://img02.hua.com/m/category/Classification/m_category_cake_all.png"/>
                                <p class="f-cake-brands-name">全国蛋糕</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fl-products fl-products-row">
                <c:forEach items="${commShow4}" var="commS4">
                    <div class="fl-products-item">
                        <a href="commodityDetails.shtml?id=${commS4.comd.id}">
                            <div class="img-box">
                                <img src="${commS4.comd.comImage}" width="220px" height="240px"/>
                            </div>
                            <div class="product-content">
                                <p class="product-title">${commS4.comd.comName}</p>
                                <p class="product-price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">${commS4.comd.outPrice}</span>
                                </p>
                                <p class="product-sell">已售${commS4.comd.outNum} 件</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<!--楼层 	蛋糕End-->
<!--楼层		礼品-->
<div class="fl f-gifts">
    <div class="fl-container">
        <div class="hd">
            <a href="#" class="more">
                更多${floor5.title}
                <span class="icon icon-arrow-right"></span>
            </a>
            <h3>
                <a href="#">${floor5.title}</a><span>${floor5.remark}</span>
            </h3>
        </div>
        <div class="bd">
            <div class="f-gifts-banner">
                <div class="f-gifts-banner-categorys">
                    <a href="#">水晶内雕/3D激光内雕水晶</a>
                    <a href="#">进口/泰国保鲜花</a>
                    <a href="#">金箔玫瑰/金箔画</a>
                    <a href="#">精品音乐盒/八音盒</a>
                    <a href="#">生日礼品</a>
                    <a href="#">约会/求爱礼品</a>
                    <a href="#">结婚礼品</a>
                    <a href="#">感谢/祝福礼品</a>
                    <a href="#">拜访/探望礼品</a>
                    <a href="#">结婚纪念日礼品</a>
                </div>
                <div class="f-gifts-banner-brands">
                    <a href="#">
                        <img src="//img02.hua.com/m/category/Classification/m_category_gift_brand_SWAROVSKI.png"/>
                        <p>施华洛世奇</p>
                    </a>
                    <a href="#">
                        <img src="//img02.hua.com/m/category/Classification/m_category_gift_brand_GlamEver.png"/>
                        <p>Glam Ever潮牌饰品</p>
                    </a>
                    <a href="#">
                        <img src="//img02.hua.com/m/category/Classification/m_category_gift_brand_Dior.png"/>
                        <p>迪奥Dior</p>
                    </a>
                    <a href="#">
                        <img src="//img02.hua.com/m/category/Classification/m_category_gift_brand_MW.png"/>
                        <p>猫王收音机</p>
                    </a>
                    <a href="#">
                        <img src="//img02.hua.com/m/category/Classification/m_category_gift_brand_HelloKitty.png"/>
                        <p>Hello Kitty</p>
                    </a>
                </div>
            </div>
            <div class="fl-products fl-products-row">
                <c:forEach items="${commShow5}" var="commS5">
                    <div class="fl-products-item">
                        <a href="commodityDetails.shtml?id=${commS5.comd.id}">
                            <div class="img-box">
                                <img src="${commS5.comd.comImage}" width="220px" height="240px"/>
                            </div>
                            <div class="product-content">
                                <p class="product-title">${commS5.comd.comName}</p>
                                <p class="product-price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">${commS5.comd.outPrice}</span>
                                </p>
                                <p class="product-sell">已售${commS5.comd.outNum} 件</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<!--楼层		礼品End-->
<!--楼层		晒单&资讯-->
<div class="fl f-comments">
    <div class="fl-container" style="width: 1216px;">
        <div class="hd">
            <a href="#" class="more">
                查看所有评价
                <span class="icon icon-arrow-right"></span>
            </a>
            <h3>
                <a href="#">晒单评价</a>
                <span>用户实拍晒单</span>
            </h3>
        </div>
        <div class="bd">
            <div class="f-comments-list clearfix">
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://thirdqq.qlogo.cn/g?b=oidb&k=69Iic9SVXHUKdJ59Q87J17Q&s=100&t=1556317391"/>
                                <span>为钱奋*一生</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">不错，很美，很新鲜</p>
                                <div class="f-comments-item-time">
                                    <p>江西南昌市红谷滩区</p>
                                    <p>2021-09-03</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/app/2021/09/03/d4c623d204c94934b7205cc0c9e67077.png"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKFpdhqV58vaibL1cmOfyTPEYic2A9QazHWHTWwibMsdS3zlj9jbY7bq9YFrsH2KMHYpd536PhlA16Ew/132"/>
                                <span>丁*州</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">不错，很漂亮</p>
                                <div class="f-comments-item-time">
                                    <p>江苏苏州市昆山市</p>
                                    <p>2021-08-31</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/m/2021/08/31/15c49d21f4e7462aac090030f18572c5.jpg"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://img02.hua.com/pc/assets/img/avatar_default_05.jpg"/>
                                <span>Ry*n潘</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">花很漂亮，女朋友很喜欢。</p>
                                <div class="f-comments-item-time">
                                    <p>广东广州市荔湾区</p>
                                    <p>2021-08-31</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/app/2021/08/31/42a77faf36d7480d8159e791cdb0b3cc.png"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/x36OmD3EllT7OvzXxtCvvYJNQ60YGSqbQFVWmLkjW11MScJvk7qNJiaDSxBjDl0nYGvsmW5QckU2JNdMRpiam4AA/132"/>
                                <span>王*蕾</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">花和蛋糕都很满意，送货也很准时，下次还会定。</p>
                                <div class="f-comments-item-time">
                                    <p>甘肃兰州市七里河区</p>
                                    <p>2021-08-29</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/app/2021/08/29/18dae0f9868d4e12bc73728849286d3f.png"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/fH9REkl3gnuocCd6VpcyO4b9wG73OFmQrD04vLYq9whsEtkfaMoRNVicunnibtctWaj2h2vibPwfJhFHGiaCkeQGZQ/132"/>
                                <span>ER*C豪</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">花束很新鲜，漂亮，配送及时，朋友非常满意</p>
                                <div class="f-comments-item-time">
                                    <p>福建厦门市思明区</p>
                                    <p>2021-08-29</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/m/2021/08/29/e2e5064fe4504f228f4de8c4a27ba5da.jpeg"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://img02.hua.com/pc/assets/img/avatar_default_06.jpg"/>
                                <span>湯*明</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">准时送达，花也漂亮，老婆很喜欢！</p>
                                <div class="f-comments-item-time">
                                    <p>上海普陀区</p>
                                    <p>2021-08-26</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/app/2021/08/26/886117c6bde8441fb15e935303cf2918.jpeg"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTL6EicLXHeU06cicdE9MK7NGsy7LNsecy2Ilkvbia4FlLqMgwqMNaicEYmiaCQQhL3UCrwKWicBNOVIDkng/132"/>
                                <span>张*源</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">花很新鲜，还不错！</p>
                                <div class="f-comments-item-time">
                                    <p>广东广州市白云区</p>
                                    <p>2021-09-09</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/app/2021/09/09/bebf995309674d7f8f22c09d3b9535b3.jpeg"/>
                        </div>
                    </a>
                </div>
                <div class="f-comments-item">
                    <a href="#">
                        <div class="f-comments-item-l">
                            <div class="f-comments-item-user">
                                <img src="https://img02.hua.com/pc/assets/img/avatar_default_09.jpg"/>
                                <span>李*</span>
                            </div>
                            <div class="f-comments-item-info">
                                <p class="f-comments-item-content">花很漂亮，送花及时，很好</p>
                                <div class="f-comments-item-time">
                                    <p>湖北恩施州恩施市</p>
                                    <p>2021-09-08</p>
                                </div>
                            </div>
                        </div>
                        <div class="f-comments-item-r">
                            <img src="//img.hua.com/reviewpic/m/2021/09/08/0aa2d5ba59874031bc345e7fb15b2f4d.jpg"/>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--楼层		晒单&资讯End-->
<!--楼层 尾部服务-->
<div class="fl f-server">
    <div class="f-server-bd">
        <div class="articles">
            <div class="articles-hd">
                <a href="#">更多&nbsp;&gt;</a>
                <h4>热门资讯</h4>
            </div>
            <div class="articles-bd">
                <ul>
                    <li><span></span><a href="">教师节鲜花礼物</a></li>
                    <li><span></span><a href="">黄圣依正式签约担任品牌形象代言人</a></li>
                    <li><span></span><a href="">鲜花枝数与其对应的含意</a></li>
                    <li><span></span><a href="">鲜花寓意 浪漫花语</a></li>
                    <li><span></span><a href="">通用送花祝福语-经典送花祝福语</a></li>
                    <li><span></span><a href="">送花的常识与技巧</a></li>
                    <li><span></span><a href="">女孩都喜欢别人送鲜花吗？</a></li>
                    <li><span></span><a href="" title="给异地女友送花，维系感情也需要小机">给异地女友送花，维系感情也需要小</a></li>
                    <li><span></span><a href="" title="给异地女友送花，维系感情也需要小机">给异地女友送花，维系感情也需要小</a></li>
                    <li><span></span><a href="" title="表白应该送几朵玫瑰？告白玫瑰送几朵？">表白应该送几朵玫瑰？告白玫瑰送几</a></li>
                    <li><span></span><a href="" title="最近要买礼物的男生速点！一大波新品已就位~">最近要买礼物的男生速点！一大波新</a></li>
                    <li><span></span><a href="" title="给爷爷送花有哪些选择？给老人送花推荐！">给爷爷送花有哪些选择？给老人送花</a></li>
                    <li><span></span><a href="" title="送花要注意什么？如何给老人，爱人，朋友送花？">送花要注意什么？如何给老人，爱人</a></li>
                    <li><span></span><a href="" title="12星座异地恋如何维持？送你一份送花攻略！">12星座异地恋如何维持？送你一份</a></li>
                    <li><span></span><a href="" title="送花的含义，生活中怎么送花？">送花的含义，生活中怎么送花？</a></li>
                    <li><span></span><a href="" title="送女朋友鲜花，送花卡片写什么？">送女朋友鲜花，送花卡片写什么？</a></li>
                    <li><span></span><a href="" title="异地恋有大招，教你不分手！">异地恋有大招，教你不分手！</a></li>
                    <li><span></span><a href="" title="择一束鲜花，给亲爱的男朋友">择一束鲜花，给亲爱的男朋友</a></li>
                    <li><span></span><a href="" title="给闺蜜的惊喜，从一束鲜花开始">给闺蜜的惊喜，从一束鲜花开始</a></li>
                    <li><span></span><a href="" title="手捧鲜花，去保持一份好心情">手捧鲜花，去保持一份好心情</a></li>
                    <li><span></span><a href="" title="携一束鲜花，以浪漫致意亲爱的妻子">携一束鲜花，以浪漫致意亲爱的妻子</a></li>
                </ul>
            </div>
        </div>
        <ul class="f-server-list clearfix">
            <li><a href=""><span class="icon icon-server1"></span>16年品牌</a></li>
            <li><a href=""><span class="icon icon-server2"></span>3小时配送</a></li>
            <li><a href=""><span class="icon icon-server3"></span>订单实拍</a></li>
            <li><a href=""><span class="icon icon-server4"></span>200%退赔承诺</a></li>
            <li><a href=""><span class="icon icon-server5"></span>销量领先</a></li>
            <li><a href=""><span class="icon icon-server6"></span>百万客户信赖</a></li>
            <li><a href=""><span class="icon icon-server7"></span>低价保障</a></li>
            <li><a href=""><span class="icon icon-server8"></span>时尚原创花艺</a></li>
        </ul>
        <div class="help-container clearfix">
            <div class="help-server">
                <h4>客户服务</h4>
                <ul>
                    <li><a href="#">服务声明</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">配送说明</a></li>
                    <li><a href="#">配送范围</a></li>
                    <li><a href="#">订单查询</a></li>
                    <li><a href="#">取消订单</a></li>
                    <li><a href="#">补交货款</a></li>
                    <li><a href="#">隐私条款</a></li>
                    <li><a href="#">安全条款</a></li>
                </ul>
            </div>
            <div class="help-infos">
                <h4>热门资讯</h4>
                <ul>
                    <li><a href="#">鲜花礼品网购物流程</a></li>
                    <li><a href="#">鲜花礼品网订购演示</a></li>
                    <li><a href="#">鲜花网能配送哪些城市？</a></li>
                    <li><a href="#">鲜花售后服务是怎么样的？</a></li>
                    <li><a href="#">我应该提前多久预订鲜花？</a></li>
                </ul>
            </div>
            <div class="help-city">
                <h4>同城鲜花专区</h4>
                <ul>
                    <li><a href="#">深圳鲜花</a></li>
                    <li><a href="#">广州鲜花</a></li>
                    <li><a href="#">上海鲜花</a></li>
                    <li><a href="#">北京鲜花</a></li>
                    <li><a href="#">天津鲜花</a></li>
                    <li><a href="#">重庆鲜花</a></li>
                    <li><a href="#">成都鲜花</a></li>
                    <li><a href="#">西安鲜花</a></li>
                    <li><a href="#">武汉鲜花</a></li>
                    <li><a href="#">南京鲜花</a></li>
                    <li><a href="#">厦门鲜花</a></li>
                    <li><a href="#">更多城市</a></li>
                </ul>
            </div>
            <div class="help-contact">
                <h4>联系我们</h4>
                <div class="help-contact-content">
                    <p>全国订购热线：400-889-8188(免长途费)</p>
                    <p>E-mail: kefu@hua.com</p>
                    <p>7x24小时在线订购</p>
                    <p>客服工作时间：8:30-21:00</p>
                    <div class="help-contact-kf">
                        <a href="#"><span class="icon icon-contact"></span>在线客服</a>
                    </div>
                </div>
            </div>
            <div class="help-qrcode">
                <div class="help-qrcode-item1">
                    <img src="//img02.hua.com/pc/pimg/home/app_download_qrcode.png"/>
                    <p>扫码下载手机版</p>
                </div>
                <div class="help-qrcode-item2">
                    <img src="//img02.hua.com/pc/pimg/home/wxguanjia_qrcode.png"/>
                    <p>关注公众号有惊喜</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--楼层 尾部服务End-->
<!--页尾部分-->
<div id="footer" class="ft">
    <div class="ft-container">
        <!--尾部导航-->
        <div class="ft-nav">
            <a href="#">首页</a>
            <a href="#">关于我们</a>
            <a href="#">媒体报道</a>
            <a href="#">联系方式</a>
            <a href="#">企业团购</a>
            <a href="#">花店入住</a>
            <a href="#">友情链接</a>
            <a href="#">在线付款</a>
            <a href="#">为什么选择花礼网</a>
        </div>
        <!--尾部导航End-->
        <!--尾部证书-->
        <div class="ft-site">
            <p>
                <a href="#">中国花卉协会会员</a>
                <a href="#">中国电子商务协会会员</a>ICP经营许可证：
                <a href="#">粤B2-20050744</a>
                <a href="#">粤ICP备09171662号</a>
                <span class="icon icon-beian"></span>
                粤公网安备44030502000373号 Copyright © 2005-2020
            </p>
            <p>
                花礼网
                <a href="#">www.hua.com</a>
                <span>深圳市百易信息技术有限公司</span>
                中国领先的鲜花礼品网，品牌鲜花网服务，鲜花速递专家！
            </p>
            <div class="ft-auth">
                <span class="icon icon-slogan"></span>
                <a href="#"><span class="icon icon-top100"></span></a>
                <a href="#"><span class="icon icon-icp"></span></a>
                <div class="ft-auth-border">
                    <a href="#">
                        <img src="https://szcert.ebs.org.cn/Images/govIcon.gif" title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" width="29.2px" height="40px"/></a>
                </div>
            </div>
        </div>
        <!--尾部证书End-->
        <!--友情链接-->
        <div class="ft-link">
            <span>友链</span>
            <a href="">中华取名网</a>
            <a href="">深证房产网</a>
            <a href="">卷皮网</a>
            <a href="">腕表</a>
            <a href="">苗木</a>
            <a href="">佐卡伊珠宝网</a>
            <a href="">钻石婚戒定制</a>
            <a href="">青少年艺术教育网</a>
            <a href="">淘狗网</a>
            <a href="">礼无忧网</a>
            <a href="">宠物狗</a>
            <a href="">机有网</a>
            <a href="">礼物网</a>
            <a href="">新三板</a>
            <a href="">商标注册</a>
            <a href="">眼睛店</a>
        </div>
        <!--友情链接End-->
    </div>
</div>
<!--页尾部分End-->
<!--咨询客服-->
<div id="ziXunEnd">
    <span></span>
    <span>咨询客服</span>
</div>
</body>
</html>
